// 获取导航链接元素
let now = document.querySelectorAll(".nav-link");
// 判断当前路径是否为"/p"，如果是则给第三个导航链接添加active类
if (location.pathname == "/p") {
  now[2].classList.add("active");
}
// 获取提交按钮元素
let btn = document.querySelector(".btn");
// 获取标题输入框元素
let title = document.querySelector(".title");
// 获取内容输入框元素
let content = document.querySelector(".content");
// 获取作者输入框元素
let author = document.querySelector(".author");
// 获取分类输入框元素
let categroy = document.querySelector(".category");

//1.点击提交按钮事件监听
btn.addEventListener("click", () => {
  //2.获取输入框中的内容
  //3.发送请求到/postArticleData接口
// 使用fetch API发送POST请求到本地服务器
  fetch("/postArticleData", {
    method: "POST",  // 指定请求方法为POST
    body: JSON.stringify({  // 将请求数据转换为JSON字符串
      title: title.value,    // 文章标题
      content: content.value,  // 文章内容
      author: author.value,    // 文章作者
      category: categroy.value,  // 文章分类
    }),
  })
  // 处理服务器响应
    .then((res) => {
      return res.json();  // 将响应数据解析为JSON格式
    })
  // 处理解析后的数据
    .then((data) => {
      //4.展示一下响应结果
      alert(data.message);
    });
});
